/**
 *  1. 系统事件
 *    onload
* */
window.onload=function () {

    /**
     * 结构化思维
     *    1. 先考虑做什么（步骤和结构）
     *    2. 考虑具体的实现细节（步骤的具体实现）
     * 1. 数据初始化
     * 2. 事件绑定
     * */
    
    initRoleSelect();
    document.getElementById('btnLogin').onclick = btnLoginClick;
    document.getElementById('username').onkeypress = usernamePress;


}


function initRoleSelect(){

    /**
     *   低耦合性
     * 1、获取数据
     * 2. 渲染dom
    * */

    var roles=[{
        id:1,
        name:'超级管理员',
        desc:''
    },{
        id:2,
        name:'管理员',
        desc:''
    },{
        id:3,
        name:'普通用户',
        desc:''
    }]

    var sltRoles = document.getElementById('sltRoles');

    for(var key in roles){

        var opt = document.createElement('option');
        opt.value = roles[key].id;
        opt.innerText=roles[key].name;

        sltRoles.appendChild(opt);
    }

}


function btnLoginClick() {


    // if username == admin && password ==123456
    // window.location.href = "index.html";
}


function usernamePress(){

    var username = document.getElementById('username');
    var password=document.getElementById('password');

    password.value = username.value;
}